<template>
    <div class="order-container">
        <Filter :tabList="filterList" @onChange="getTabs"></Filter>
    </div>
    <Tabbar></Tabbar>
</template>
<script setup>
import Filter from './components/filter'
import Tabbar from '../../component/Tabbar'
import { onMounted } from 'vue'
import { storeToRefs } from 'pinia';
import Taro, { useDidShow } from '@tarojs/taro';
import { useTabbarStore } from '../../store'
const tabbarStore = useTabbarStore()
const { selected, tabbarHeight } = storeToRefs(tabbarStore)

import { ref } from "vue"

const filterList = ref([
    {
        name: "全部",
        id: 0
    },
    {
        name: "出票中",
        id: 1
    },
    {
        name: "已出票",
        id: 2
    },
    {
        name: "纠纷中",
        id: 3
    },
    {
        name: "已关闭",
        id: 4
    }
])
const getTabs = (val) => {
    console.log(val, "ppppp");

}
onMounted(() => {
    tabbarStore.setSelected(1)



})
</script>
<style lang="scss">
.order-container {}
</style>